<div class="list-group-item item-case d-flex p-0" data-case-id="{{ case.id }}" data-case-type="{{ case.case_type }}" data-id="CASE-{{ case.id }}">
  <span class="badge badge-pill badge-primary case-type align-self-center cursor-pointer {{ 'div-forbidden' if is_forbidden(case) }}"> {{ case.case_type }} </span>
  {% if case.case_type in ['HTTP', 'SSH'] %}
  <div class="case-method align-self-center cursor-pointer {{ 'div-forbidden' if is_forbidden(case) }} ml-1 mr-1 " data-case-id="{{ case.id }}"> {{ case.specific_case.method }} </div>
  {% elif case.case_type in ['SQL'] %}
  <div class="case-method align-self-center cursor-pointer {{ 'div-forbidden' if is_forbidden(case) }} ml-1 mr-1 " data-case-id="{{ case.id }}"> {{ case.specific_case.db_type }} </div>
  {% elif case.case_type in ['DEBUG'] %}
  <div class="case-method align-self-center cursor-pointer {{ 'div-forbidden' if is_forbidden(case) }} ml-1 mr-1 " data-case-id="{{ case.id }}"> Debug </div>
  {% endif %}
  <div class="case-info d-flex flex-column cursor-pointer {{ 'div-forbidden' if is_forbidden(case) }}">
    <div class="case-script">
      {# 标识案例中是否写有预处理或后处理脚本内容 #}
      <span class="badge badge-script float-left mt-1" data-script-type="pre" data-case-id="{{ case.id }}" style="display: {{ '' if case.has_effective_preprocessor_script else 'none' }};">预</span>
      <span class="badge badge-script float-right mt-1" data-script-type="post" data-case-id="{{ case.id }}" style="display: {{ '' if case.has_effective_postprocessor_script else 'none' }};">后</span>
    </div>
    <div class="case-name" data-case-id="{{ case.id }}">
      {{ case.name }}
    </div>
  </div>
  <a class="btn btn-link btn-case float-right" type="button" data-case-id="{{ case.id }}"></a>
  <div class="btn-case-tippy-content" data-case-id="{{ case.id }}" style="display: none">
    <button type="button" class="btn btn-sm btn-outline-primary btn-block mt-0 border-0" data-case-id="{{ case.id }}" onclick="deleteCase({{ case.id }})">删除</button>
    <button type="button" class="btn btn-sm btn-outline-primary btn-block mt-0 border-0" data-case-id="{{ case.id }}" onclick="copyCaseSelf(this)" >复制</button>
    <button type="button" class="btn btn-sm btn-outline-primary btn-block mt-0 border-0" data-case-id="{{ case.id }}" onclick="forbiddenCase({{ case.id }})">禁用/启用</button>
  </div>
</div>